<!DOCTYPE html>
<html lang="en" style="height: 510px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>同城用户反馈</title>
    <meta name="description" content="Dynamic tables and grids using jqGrid plugin">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="../staticFile/css/bootstrap.min.css">
    <link rel="stylesheet" href="../staticFile/css/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="../staticFile/css/bootstrap-datepicker3.min.css">
    <!-- page specific plugin styles -->
    <link rel="stylesheet" href="../staticFile/css/plugins/jquery/jquery-ui.min.css">
    <link rel="stylesheet" href="../staticFile/css/plugins/jquery/ui.jqgrid.min.css">
    <link type="text/css" rel="stylesheet" href="../staticFile/css/plugins/sweetalert/sweetalert2.min.css">
    <!-- ace styles -->
    <link rel="stylesheet" href="../staticFile/css/ace.min.css">
    <style>
        html{overflow: hidden;}
    @keyframes nodeInserted {
       from {
           outline-color: #fff
       }
       to {
           outline-color: #000
       }
   }
    @-moz-keyframes nodeInserted {
        from {
            outline-color: #fff
        }
        to {
            outline-color: #000
        }
    }
    @-webkit-keyframes nodeInserted {
        from {
            outline-color: #fff
        }
        to {
            outline-color: #000
        }
    }
    @-ms-keyframes nodeInserted {
        from {
            outline-color: #fff
        }
        to {
            outline-color: #000
        }
    }
    @-o-keyframes nodeInserted {
        from {
            outline-color: #fff
        }
        to {
            outline-color: #000
        }
    }
    .ace-save-state {
        animation-duration: 10ms;
        -o-animation-duration: 10ms;
        -ms-animation-duration: 10ms;
        -moz-animation-duration: 10ms;
        -webkit-animation-duration: 10ms;
        animation-delay: 0s;
        -o-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -webkit-animation-delay: 0s;
        animation-name: nodeInserted;
        -o-animation-name: nodeInserted;
        -ms-animation-name: nodeInserted;
        -moz-animation-name: nodeInserted;
        -webkit-animation-name: nodeInserted
    }
    .col-xs-12{padding-right: 0;padding-left: 0;}
    textarea{height: 80px!important;}
    .ui-jqgrid .ui-jqgrid-pager{height: 48px;}
        #jqgridBdiv{display: block;overflow: hidden;}
        /*input[type=checkbox].ace.ace-switch.ace-switch-5+.user-status-switch:before {
            content: "解冻\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0冻结";
            text-indent: -38px;
        }*/
        .freezed{background-color: #D15B47!important;color: #fff;}
        .ui-pg-input{margin: auto 6px!important;}
        .ui-jqgrid .ui-jqgrid-title {
            float: right;
            margin: 8px;
        }
        .q-span{margin-left: 8px;}
        .q-ipt{padding: 2px 6px!important;margin-top: 5px;}
        .date-picker{width: 112px;}
        .datepicker{z-index: 600!important;}
        .input-group-addon{width: auto!important;display: unset;margin-left: -6px;padding:5px 12px 6px 12px;border-radius:0;border: 0;}
        .feedback-from{z-index: 200;position: fixed;background:#fff;width: 60%;left: 10%;top:8%;display: none;}
        .page-mask{z-index: 199;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display: none;}
        .form-horizontal .form-group{margin-right: 0;margin-top:16px;}
        .col-sm-5{width: 80%;}
        #fbImgList{margin: 16px 12px;text-align: center;}
        #fbImgList img{cursor: pointer;margin-right:6px;}
        #imgMax{height: 100%;width: 100%;z-index: 300;position: fixed;top: 0;left: 0;display: none;cursor: pointer;}
        #fbDetailForm{overflow-y: auto;}
        .col-md-12{text-align: center;}
    </style>
</head>
<body class="no-skin">
<div class="main-container ace-save-state" id="main-container">
    <div class="col-xs-12">
        <div class="ui-jqgrid ui-widget ui-widget-content ui-corner-all" id="gbox_grid-table" dir="ltr">
            <div class="jqgrid-overlay ui-widget-overlay" id="lui_grid-table"
                 style="display: none;"></div>
            <div class="loading ui-state-default ui-state-active" id="load_grid-table"
                 style="display: none;">加载...
            </div>
            <div class="ui-jqgrid-view" role="grid" id="gview_grid-table">
                <div class="ui-jqgrid-titlebar ui-jqgrid-caption ui-widget-header ui-corner-top ui-helper-clearfix">
                    <span class="q-span">联系人：<input class="q-ipt" id="qContact" type="text"></span>
                    <span class="q-span">反馈类型：
                        <select id="qType" class="q-ipt">
                            <option value="">全部</option>
                            <option value="0">反馈</option>
                            <option value="1">投诉</option>
                            <option value="2">客服</option>
                            <option value="3">其它</option>
                        </select>
                    </span>
                    <span class="q-span">处理状态：
                        <select id="qStatus" class="q-ipt">
                            <option value="">全部</option>
                            <option value="0">未处理</option>
                            <option value="1">处理中</option>
                            <option value="2">已处理</option>
                        </select>
                    </span>
                    <span class="q-span">反馈日期从：
                        <input class="q-ipt date-picker" id="qFbStartDate" type="text" data-date-format="yyyy-mm-dd">
                        <span class="input-group-addon">
                            <i class="fa fa-calendar bigger-110"></i>
                        </span>
                    </span>
                    <span class="q-span">到：
                        <input class="q-ipt date-picker" id="qFbEndDate" type="text" data-date-format="yyyy-mm-dd">
                        <span class="input-group-addon">
                            <i class="fa fa-calendar bigger-110"></i>
                        </span>
                    </span>
                    <span id="btnQueryFb" class="ui-pg-div">
                        <span class="ui-icon ace-icon fa fa-search white"></span>
                    </span>
                    <span class="ui-jqgrid-title">同城反馈列表</span>
                </div>
                <div id="jqgridBdiv" class="ui-jqgrid-bdiv">
                    <div style="position:relative;">
                        <div></div>
                        <table id="gridTable" tabindex="0" role="presentation" aria-multiselectable="true"
                               aria-labelledby="gbox_grid-table" class="ui-jqgrid-btable ui-common-table" >
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="ui-jqgrid-resize-mark" id="rs_mgrid-table"></div>
            <div id="gridPager" class="ui-jqgrid-pager ui-state-default ui-corner-bottom" dir="ltr"
                 style="display: block;">
            </div>
        </div>
    </div>
</div>
<div class="page-mask"></div>
<div class="row feedback-from">
    <div class="widget-header drag">
        <h4 class="widget-title">反馈详情</h4>
        <span class="widget-toolbar">
            <a href="#" id="closeFbForm" data-action="close">
                <i class="ace-icon fa fa-times" style="color: #E09E96;"></i>
            </a>
        </span>
    </div>
    <div class="col-xs-12">
        <!-- 反馈信息详情 -->
        <form class="form-horizontal" id="fbDetailForm" role="form">
            <div class="form-group not-null">
                <label class="col-sm-3 control-label no-padding-right" for="fbId">反馈信息ID</label>
                <div class="col-sm-9">
                    <input type="text" id="fbId" disabled class="col-xs-10 col-sm-5">
                </div>
            </div>
            <div class="form-group not-null">
                <label class="col-sm-3 control-label no-padding-right" for="fbContact">反馈人联系方式</label>
                <div class="col-sm-9">
                    <input type="text" id="fbContact" disabled class="col-xs-10 col-sm-5">
                </div>
            </div>
            <div class="form-group not-null">
                <label class="col-sm-3 control-label no-padding-right" for="fbType">反馈类型</label>
                <div id="fbType" class="col-sm-9">
                    <label>
                        <input id="fbType0" disabled name="form-field-radio" type="radio" class="ace">
                        <span class="lbl">反馈</span>
                    </label>
                    <label>
                        <input id="fbType1" disabled name="form-field-radio" type="radio" class="ace">
                        <span class="lbl">投诉</span>
                    </label>
                    <label>
                        <input id="fbType2" disabled name="form-field-radio" type="radio" class="ace">
                        <span class="lbl">客服</span>
                    </label>
                    <label>
                        <input id="fbType3" disabled name="form-field-radio" type="radio" class="ace">
                        <span class="lbl">其它</span>
                    </label>
                </div>
            </div>
            <div class="form-group not-null">
                <label class="col-sm-3 control-label no-padding-right" for="fbCreateDate">反馈日期</label>
                <div class="col-sm-9">
                    <input type="text" id="fbCreateDate" disabled class="col-xs-10 col-sm-5">
                </div>
            </div>
            <div class="form-group not-null">
                <label class="col-sm-3 control-label no-padding-right" for="fbContent">反馈详情</label>
                <div class="col-sm-9">
                    <textarea disabled class="form-control col-sm-5" id="fbContent"></textarea>
                </div>
            </div>
            <div class="form-group not-null">
                <label class="col-sm-3 control-label no-padding-right" for="dealPeople">处理人</label>
                <div class="col-sm-9">
                    <input type="text" id="dealPeople" disabled class="col-xs-10 col-sm-5">
                </div>
            </div>
            <div class="form-group not-null">
                <label class="col-sm-3 control-label no-padding-right" for="dealDate">处理时间</label>
                <div class="col-sm-9">
                    <input type="text" id="dealDate" disabled class="col-xs-10 col-sm-5">
                </div>
            </div>
            <div class="form-group not-null">
                <label class="col-sm-3 control-label no-padding-right" for="dealStatus">处理状态</label>
                <div id="dealStatus" class="col-sm-9">
                    <label>
                        <input id="dealStatus0" value="0" name="dealStatus" type="radio" class="ace">
                        <span class="lbl">未处理</span>
                    </label>
                    <label>
                        <input id="dealStatus1" value="1" name="dealStatus" type="radio" class="ace">
                        <span class="lbl">处理中</span>
                    </label>
                    <label>
                        <input id="dealStatus2" value="2" name="dealStatus" type="radio" class="ace">
                        <span class="lbl">已处理</span>
                    </label>
                </div>
            </div>
            <div class="form-group not-null">
                <label class="col-sm-3 control-label no-padding-right" for="dealResult">处理结果</label>
                <div class="col-sm-9">
                    <textarea class="form-control col-sm-5" id="dealResult"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right" for="fbImgList">反馈图片</label>
            </div>
            <div id="fbImgList" class="form-group">

            </div>
            <div class="clearfix form-actions btn-group">
                <div class="col-md-12">
                    <button id="btnFbDeal" class="btn btn-info" type="button">
                        <i class="ace-icon fa fa-check bigger-110"></i>处理
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
<!--最大化图片存放标签-->
<img id="imgMax">
<script src="../staticFile/js/plugins/jquery/jquery-2.1.4.min.js"></script>
<script src="../staticFile/js/common/commonUtil.js"></script>
<script src="../staticFile/js/bootstrap.min.js"></script>
<!-- page specific plugin scripts -->
<script src="../staticFile/js/ace.min.js"></script>
<script src="../staticFile/js/bootstrap-datepicker.min.js"></script>
<script src="../staticFile/js/plugins/grid/jquery.jqGrid.min.js"></script>
<script src="../staticFile/js/plugins/grid/grid.locale-cn.js"></script>
<script src='../staticFile/js/plugins/sweetalert/sweetalert2.min.js'></script>
<script type="text/javascript" src="../staticFile/js/common/drag.js"></script>
<script type="text/javascript" src="../staticFile/js/infoManage/sameCityFeedback.js"></script>
</body>
</html>